<template>
	<view class="reputation_container">
		<!-- 上部分雷达图 -->
		<view class="charts-box">
			<qiun-data-charts type="radar" :chartData="chartData" background="none" />
		</view>
		<!-- 交易记录 -->
		<view class="force_trading">
			<trading-card v-for="item in tradingList" :item="item"></trading-card>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				chartData: {
					"categories": [
						"守约记录",
						"行为积累",
						"身份证明",
						"资产证明",
						"人脉关系"
					],
					"series": [{
							"name": "成交量1",
							"data": [
								90,
								90,
								80,
								30,
								50
							]
						},
					]
				},
				// 交易记录数据
				tradingList:[
					{
						tradingName:'火源兑换',
						data:'2022-3-1',
						num:'+1'
					},
					{
						tradingName:'火源兑换',
						data:'2022-3-1',
						num:'+1'
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.reputation_container {
		min-height: 100vh;
		background-color: var(--echo-main-page-bg-color);

		.charts-box {
			padding-top: 40rpx;
			width: 100%;
			height: 200px;
		}
		
		.force_trading {
			background-color: #fff;
			margin-top: 40rpx;
			padding: 0 40rpx;
			min-height: 100vh;
		}
	}
</style>
